// 图片加载失败的自定义指令
export const imagerror = {
  // 会在当前指令作用的dom元素 插入之后执行
  // options 里面是指令的表达式
  inserted: function (dom, options) {
    // 如果图片地址为空，使用默认的地址
    dom.src = dom.src || options.src
    // 当图片有地址 但是地址没有加载成功的时候 会报错 会触发图片的一个事件 => onerror
    dom.onerror = () => {
      // 使用指令绑定的默认图片来代替
      dom.src = options.value
    }
  }
}

// 自动获取焦点
export const focus = {
  inserted(dom) {
    dom.focus()
  }
}
